<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
	<rich:modalPanel id="panel" width="350" height="100">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Guardar cambios del usuario"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/modal/close.png"
						style="cursor:pointer" id="hidelink" />
					<rich:componentControl for="panel" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:panelGrid columns="1">
				<h:outputText
					value="Si continua se guardarán todos los cambios"></h:outputText>
				<br />
			</h:panelGrid>
			<h:panelGrid columns="3">
				<h:outputLink value="#" id="acep">
					<h:commandButton value="Aceptar"
						action="#{edicionUsuario.guardar}"
						reRender="principal"></h:commandButton>
					<rich:componentControl for="panel" attachTo="acep" operation="hide"
						event="onclick" />
				</h:outputLink>
				<rich:spacer style="Width:100px;">
				</rich:spacer>
				<h:outputLink value="#" id="cancel">
					<h:commandButton value="Cancelar"></h:commandButton>
					<rich:componentControl for="panel" attachTo="cancel"
						operation="hide" event="onclick" />
				</h:outputLink>
			</h:panelGrid>
		</rich:modalPanel>
		<s:validateAll>
			<h:panelGrid columns="1" id="mensaje">
				<h:messages id="mensajes" />
			</h:panelGrid>
			<h:panelGrid columns="1">
				<h:outputLabel value="Usuario #{edicionUsuario.usuario.nombre}"
					style="font-size:13px;font-weight:bold;" rendered="#{edicionUsuario.usuario.nombre}"/>
			</h:panelGrid>
			<h:panelGrid columns="1" styleClass="contenedor_pest">
				<rich:tabPanel id="panelPrincipal">
					<rich:tab label="Mantenimiento de usuario">
						<h:panelGrid id="principal" columns="1" style="width:100%;">

							<h:panelGrid columns="1" styleClass="fila">
								<h:outputLabel value="Datos de usuario"
									styleClass="td_categoria" />
								<h:graphicImage url="temas/azul/imagenes/barra.gif"
									styleClass="linea"></h:graphicImage>
							</h:panelGrid>
							<h:panelGrid columns="2">
								<h:outputLabel value="Usuario" styleClass="th150"></h:outputLabel>
								<h:inputText styleClass="td300"
									value="#{edicionUsuario.usuario.nombre}"
									disabled="#{!edicionUsuario.esNuevo()}" title="Nombre de usuario"
									style=" width : 150px;">
								</h:inputText>

							</h:panelGrid>
							<a4j:region selfRendered="true">
								<h:panelGrid columns="2">
									<h:outputLabel value="Cambiar contraseña" styleClass="th150"></h:outputLabel>
									<h:inputSecret styleClass="td80"
										value="#{edicionUsuario.passwordUser}">
									</h:inputSecret>
								</h:panelGrid>
								<h:panelGrid columns="4">
									<h:outputLabel value="Confirmar" styleClass="th150"></h:outputLabel>
									<h:inputSecret styleClass="td80"
										value="#{edicionUsuario.verify}">
									</h:inputSecret>
								</h:panelGrid>
							</a4j:region>
							<h:outputLabel styleClass="th80" value="Tipo"></h:outputLabel>
							<h:selectOneRadio value="#{edicionUsuario.tipo}"
								disabled="#{!edicionUsuario.esNuevo()}">
								<f:selectItem id="item1" itemLabel="Administrador" itemValue="1" />
								<f:selectItem id="item2" itemLabel="Criador" itemValue="2" />
								<f:selectItem id="item3" itemLabel="Juez" itemValue="3" />
								<f:selectItem id="item4" itemLabel="Asociacion" itemValue="4" />
								<a4j:support event="onchange" reRender="informacion,mensaje" action="#{edicionUsuario.cambiaTipo}"/>
							</h:selectOneRadio>

							<h:panelGrid columns="1" id="informacion">
								<h:panelGrid columns="4" rendered="#{edicionUsuario.esCriador()}">
									<h:outputLabel value="Nombre de criador" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.nombre}"
										title="Nombre de criador"
										style=" width : 150px;" />
									<h:outputLabel value="Apellido 1" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.apellido1}"
										title="Apellido 1"
										style=" width : 150px;" />
									<h:outputLabel value="Apellido 2" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.apellido2}"
										title="Apellido 2"
										style=" width : 150px;" />
									<h:outputLabel value="Dni" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.dni}"
										 title="Dni"
										style=" width : 150px;" />
									<h:outputLabel value="Provincia" styleClass="th80"></h:outputLabel>
									<h:selectOneMenu value="#{edicionUsuario.provinciaSel}"
										styleClass="td80" id="prov">
										<s:selectItems var="tipo"
											value="#{edicionUsuario.listaProvincias}"
											label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
										<s:convertEntity />
										<a4j:support event="onchange" reRender="municipio" />
									</h:selectOneMenu>
									<h:outputLabel value="Municipio" styleClass="th50"></h:outputLabel>
									<h:selectOneMenu id="municipio"
										value="#{edicionUsuario.municipioSel}" styleClass="td200">
										<s:selectItems var="tipo"
											value="#{edicionUsuario.listaMunicipios}"
											label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
										<s:convertEntity />
									</h:selectOneMenu>
									<h:outputLabel value="Domicilio" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.domicilio}"
										title="Domicilio"
										style=" width : 150px;" />
									<h:outputLabel value="Código postal" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.codigoPostal}"
										title="Código postal"
										style=" width : 150px;" />
									<h:outputLabel value="Teléfono" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.telefono}"
										title="Teléfono"
										style=" width : 150px;" />
									<h:outputLabel value="Correo electrónico *" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.email}"
										title="Correo electrónico"
										style=" width : 150px;" />
									<h:outputLabel value="Nº de criador *" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.criador.numCriador}"
										 title="Nº de criador"
										style=" width : 150px;" />
									<h:outputLabel value="Asociacion" styleClass="th80"></h:outputLabel>
									<h:selectOneMenu value="#{edicionUsuario.asociacion}"
										styleClass="td80" >
										<s:selectItems var="tipo"
											value="#{edicionUsuario.listaAsociaciones}"
											label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
										<s:convertEntity />
									</h:selectOneMenu>
								</h:panelGrid>
								<h:panelGrid columns="4" rendered="#{edicionUsuario.esJuez()}">
									<h:outputLabel value="Nombre de juez" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.nombre}"
										title="Nombre de criador"
										style=" width : 150px;" />
									<h:outputLabel value="Apellido 1" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.apellido1}"
										title="Apellido 1"
										style=" width : 150px;" />
									<h:outputLabel value="Apellido 2" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.apellido2}"
										title="Apellido 2"
										style=" width : 150px;" />
									<h:outputLabel value="Dni" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.dni}"
										title="Dni"
										style=" width : 150px;" />
									<h:outputLabel value="Provincia" styleClass="th80"></h:outputLabel>
									<h:selectOneMenu value="#{edicionUsuario.provinciaSel}"
										styleClass="td80" id="prov1">
										<s:selectItems var="tipo"
											value="#{edicionUsuario.listaProvincias}"
											label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
										<s:convertEntity />
										<a4j:support event="onchange" reRender="municipio1" />
									</h:selectOneMenu>
									<h:outputLabel value="Municipio" styleClass="th50"></h:outputLabel>
									<h:selectOneMenu id="municipio1"
										value="#{edicionUsuario.municipioSel}" styleClass="td200">
										<s:selectItems var="tipo"
											value="#{edicionUsuario.listaMunicipios}"
											label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
										<s:convertEntity />
									</h:selectOneMenu>
									<h:outputLabel value="Domicilio" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.domicilio}"
										title="Domicilio"
										style=" width : 150px;" />
									<h:outputLabel value="Código postal" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.codigoPostal}"
										title="Código postal"
										style=" width : 150px;" />
									<h:outputLabel value="Teléfono" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.telefono}"
										title="Teléfono"
										style=" width : 150px;" />
									<h:outputLabel value="Correo electrónico *" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.email}"
										title="Correo electrónico"
										style=" width : 150px;" />
									<h:outputLabel value="Nº de juez *" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.juez.numJuez}"
										title="Nº de criador"
										style=" width : 150px;" />
								</h:panelGrid>
								<h:panelGrid columns="4" rendered="#{edicionUsuario.esAsociacion()}">
									<h:outputLabel value="Nombre de asociación *" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.asociacion.nombre}"
										title="Nombre de criador"
										style=" width : 150px;" />
									<h:outputLabel value="domicilio" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.asociacion.domicilio}"
										title="Apellido 1"
										style=" width : 150px;" />
									<h:outputLabel value="Provincia" styleClass="th80"></h:outputLabel>
									<h:selectOneMenu value="#{edicionUsuario.provinciaSel}"
										styleClass="td80" id="prov2">
										<s:selectItems var="tipo"
											value="#{edicionUsuario.listaProvincias}"
											label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
										<s:convertEntity />
										<a4j:support event="onchange" reRender="municipio2" />
									</h:selectOneMenu>
									<h:outputLabel value="Municipio" styleClass="th50"></h:outputLabel>
									<h:selectOneMenu id="municipio2"
										value="#{edicionUsuario.municipioSel}" styleClass="td200">
										<s:selectItems var="tipo"
											value="#{edicionUsuario.listaMunicipios}"
											label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
										<s:convertEntity />
									</h:selectOneMenu>
									<h:outputLabel value="Código postal" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.asociacion.codigoPostal}"
										title="Código postal"
										style=" width : 150px;" />
									<h:outputLabel value="Teléfono" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.asociacion.telefono}"
										title="Teléfono"
										style=" width : 150px;" />
									<h:outputLabel value="Correo electrónico *" styleClass="th150"></h:outputLabel>
									<h:inputText styleClass="td300"
										value="#{edicionUsuario.usuario.asociacion.email}"
										title="Correo electrónico"
										style=" width : 150px;" />
								</h:panelGrid>
							</h:panelGrid>
						</h:panelGrid>
					</rich:tab>
				</rich:tabPanel>
			</h:panelGrid>
		</s:validateAll>
	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="7" id="botones" styleClass="botones">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="boton guardar"
					action="#{edicionUsuario.vacio}" value="" id="link1"
					title="Guardar cambios">
					<rich:componentControl for="panel" attachTo="link1"
										operation="show" event="onclick" />
				</a4j:commandButton>
				<h:outputText value="Guardar" styleClass="boton_texto" />
			</h:panelGrid>
		</h:panelGrid>
	</ui:define>
</ui:composition>

